	<meta charset="UTF-8">
	<link href="/template/default/static/banner/css/bootstrap.min.css" rel="stylesheet">
	<link href="/template/default/static/banner/css/font-awesome.min.css" rel="stylesheet" media="all">
	<link href="/template/default/static/banner/css/animate.min.css" rel="stylesheet" media="all">
	<link href="/template/default/static/banner/css/bootstrap-touch-slider.css" rel="stylesheet" media="all">


	<div id="bootstrap-touch-slider" class="carousel bs-slider fade  control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000" >

		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
			<li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
			<li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
		</ol>

		<!-- Wrapper For Slides -->
		<div class="carousel-inner" role="listbox">

			{volist name="ad" id="item"}
			<div class="item {if $i==1}active{/if}">
				<!-- Slide Background -->
				<img src="{:get_cover($item['cover_id'],'path')}"  class="slide-image"/>
				<div class="bs-slider-overlay"></div>
				<div class="container">
					<div class="row">
						<!-- Slide Text Layer -->
						<div class="slide-text slide_style_center">
							<h1 data-animation="animated flipInX">{$item['title']}</h1>
							<p data-animation="animated lightSpeedIn">{$item['content']}</p>
							<a href="#" target="_blank" class="btn btn-default" data-animation="animated fadeInLeft">查看详细</a>
							<a href="#"  target="_blank"  class="btn btn-primary" data-animation="animated fadeInRight">联系我们</a>
						</div>
					</div>
				</div>
			</div>
			{/volist}

		</div><!-- End of Wrapper For Slides -->

		<!-- Left Control -->
		<a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev">
			<span class="fa fa-angle-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>

		<!-- Right Control -->
		<a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next">
			<span class="fa fa-angle-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>

	</div> <!-- End  bootstrap-touch-slider Slider -->
	<script src="/template/default/static/banner/js/jquery-1.11.0.min.js" type="text/javascript"></script>
	<script src="/template/default/static/banner/js/bootstrap.min.js"></script>
	<script src="/template/default/static/banner/js/jquery.touchSwipe.min.js"></script>
	<script src="/template/default/static/banner/js/bootstrap-touch-slider.js"></script>
	<script type="text/javascript">
		$('#bootstrap-touch-slider').bsTouchSlider();
	</script>